<template>
  <div class="flex">
    <div class="icon"></div>
    <div class="tit">{{title}}</div>
    <div>
      <slot></slot>
    </div>
  </div>
</template>

<script>

export default {
  props:['title'],
  created(){
  }
}
</script>

<style scoped lang="scss">
.flex{
  align-items: center;
}
.icon{
  width: 18px;
  height: 18px;
  background-image: url('../../assets/img/home/subtiticon.png');
  background-size: 100% 100%;
  margin-right: 3px;
}
.tit{
  font-weight: bold;
  font-size: 18px;
  color: #333333;
  margin-left:3px;
}
</style>

